<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="renderer" content="webkit">

    <title>在线监测系统-设备管理</title>
    <meta name="keywords" content="姿态传感器，在线监测">
    <meta name="description"
          content="XHDL，在线监测系统">

    <link href="{{ url_for('static',filename ='css/test.css') }}" rel="stylesheet">

    <link href="{{ url_for('static',filename ='css/bootstrap.min.css') }}" rel="stylesheet">
    <link href="{{ url_for('static',filename ='font-awesome/font-awesome.css') }}" rel="stylesheet">

    <!-- Morris -->
    <link href="{{ url_for('static',filename ='css/plugins/morris/morris-0.4.3.min.css') }}" rel="stylesheet">

    <!-- Gritter -->
    <link href="{{ url_for('static',filename ='js/plugins/gritter/jquery.gritter.css') }}" rel="stylesheet">

    <link href="{{ url_for('static',filename ='css/animate.css') }}" rel="stylesheet">
    <link href="{{ url_for('static',filename ='css/style.css') }}" rel="stylesheet">

    <link href="{{ url_for('static',filename ='css/common.css') }}" rel="stylesheet">


    <link href="{{ url_for('static',filename ='css/myindex.css') }}" rel="stylesheet">

</head>

<body>
<div id="wrapper">
    <nav class="navbar-default navbar-static-side" role="navigation">
        <div class="sidebar-collapse">
            <ul class="nav" id="side-menu">
                <li class="nav-hd ">
                    <img src="../static/img/logo.png" alt="">

                </li>
                <li>
                    <a href="{{ url_for('index') }}"><i class="fa fa-th-large"></i> <span
                            class="nav-label">监测主页</span> <span class="fa arrow"></span></a>
                </li>
                <li>
                    <a href="{{ url_for('auth.history') }}"><i class="fa fa-columns"></i> <span
                            class="nav-label">历史曲线</span></a>
                </li>
                <li>
                    <a href="{{ url_for('auth.reporter') }}"><i class="fa fa fa-globe"></i> <span
                            class="nav-label">报表浏览</span><span class="fa arrow"></span></a>
                </li>

                <li class="active">
                    <a href="{{ url_for('auth.equip') }}"><i class="fa fa-bar-chart-o"></i> <span
                            class="nav-label">设备管理</span><span class="fa arrow"></span></a>
                </li>
                <li>
                    <a href="{{ url_for('auth.warning') }}"><i class="fa fa-envelope"></i> <span
                            class="nav-label">预警记录</span><span class="label label-warning pull-right"></span></a>
                </li>
                <li>
                    <a href="{{ url_for('auth.user_manage') }}"><i class="fa fa-envelope"></i> <span
                            class="nav-label">用户管理</span><span class="label label-warning pull-right"></span></a>
                </li>
            </ul>

        </div>
    </nav>

    <div id="page-wrapper" class="gray-bg dashbard-1">

        <div class="header">
            <div class="row">
                <h1>姿态传感器监测系统</h1>
                <div class="user">
                    <ul>
                        <li>欢迎光临XHDL姿态在线监测系统，<a href="#">去注册</a></li>
                        <li>
                            <img src="../static/img/user.png" alt="">
                        </li>
                        <li>
                            <p>管理员名称</p>
                        </li>
                        <li>
                            <a href="{{ url_for('auth.logout') }}">
                                <i class="fa fa-sign-out"></i> 退出
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <div class="wrapper wrapper-content">

            <div class="row">
                <div class="col-md-4">
                    <div class="panel panel-primary">
                        <div class="panel-heading">
                            <h3>设备绑定</h3>
                        </div>
                        <div class="checkbox">
                            <label>
                                <input type="checkbox" class="select_style">
                                隔离开关（1）
                            </label>
                        </div>
                        <div class="checkbox">
                            <label>
                                <input type="checkbox" class="select_style">
                                隔离开关（2）
                            </label>
                        </div>
                        <div class="checkbox">
                            <label>
                                <input type="checkbox" class="select_style">
                                隔离开关（3）
                            </label>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="panel panel-info">
                        <div class="panel-heading">
                            <h3>设备信息</h3>
                        </div>
                        <ul>
                            <li>产品型号：</li>
                            <li>核心参数：</li>
                            <li>摇信状态</li>
                            <li>故障：</li>
                        </ul>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="panel panel-success">
                        <div class="panel-heading">
                            <h3>开关控制</h3>
                        </div>
                        <select name="select1" id="st1">
                            <option value="1">turn off</option>
                            <option value="2">turn on</option>
                        </select>
                        <ul>
                            <li>反馈状态：</li>
                            <li>报文：</li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="row">
                <button id="binding-btn" class="btn btn-primary">binding-led0</button>
                <button id="cancel-btn" class="btn btn-danger">cancel-led0</button>
            </div>
            <div class="row">
                <p id="equip-status">设备状态</p>
            </div>
        </div>
        <div class="footer">
            <div class="pull-right">
                <spand>By:开心</spand>
            </div>
            <div>
                <strong>Copyright</strong> XHDL &copy; 2023
            </div>
        </div>
    </div>
</div>

<!-- Mainly scripts -->
<script src="{{ url_for('static',filename ='js/jquery-2.1.1.min.js') }}"></script>
<script src="{{ url_for('static',filename ='js/echarts.min.js') }}"></script>
<script src="{{ url_for('static',filename ='js/equip.js') }}"></script>


</body>

</html>
